import { defineStore } from 'pinia'
const useAppStore = defineStore('appStore', {
  state: () => {
    return {
      isMobile: false,
      themeDark: true,
      isShowLoginInput: false,
      isShowRegisterInput: false,
      isShowAirBubble: false,
      isShowProfile: false,
    }
  },
  actions: {
    themeToggle() {
      this.themeDark = !this.themeDark
    },
    login() {
      this.isShowLoginInput = !this.isShowLoginInput
    },
    register() {
      this.isShowRegisterInput = !this.isShowRegisterInput
    },
    hideLoginInput() {
      this.isShowLoginInput = false
    },
    showAirBubble() {
      this.isShowAirBubble = true
    },
    hideAirBubble() {
      this.isShowAirBubble = false
    },
    showProfile() {
      this.isShowProfile = true
    },
    hideProfile() {
      this.isShowProfile = false
    },
  },
})
export default useAppStore
